import { IconProps } from '../../icon.types'

type Props = Omit<IconProps, 'name'>

const EyeSlashIcon: React.FC<Props> = ({ color = 'white', width = '25', height = '25' }) => {
  return (
    <svg
      width={width}
      height={height}
      viewBox="0 0 22 20"
      fill={color}
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M3.20697 0.792969L1.79291 2.20703L4.07611 4.49023C1.19928 6.8382 -6.10352e-05 10 -6.10352e-05 10C-6.10352e-05 10 2.99994 18 10.9999 18C13.0755 18 14.8059 17.4547 16.2421 16.6562L18.7929 19.207L20.207 17.793L3.20697 0.792969ZM10.9999 2C9.78794 2 8.70574 2.19972 7.71674 2.51172L10.2773 5.07227C10.5143 5.03727 10.7529 5 10.9999 5C13.7609 5 15.9999 7.239 15.9999 10C15.9999 10.247 15.9627 10.4857 15.9277 10.7227L19.3574 14.1523C21.2044 12.1023 21.9999 10 21.9999 10C21.9999 10 18.9999 2 10.9999 2ZM6.83392 7.24805L8.29681 8.71094C8.1081 9.10083 7.99994 9.53657 7.99994 10C7.99994 11.657 9.34294 13 10.9999 13C11.4634 13 11.8991 12.8918 12.289 12.7031L13.7519 14.166C12.962 14.6898 12.0192 15 10.9999 15C8.23894 15 5.99994 12.761 5.99994 10C5.99994 8.98073 6.31018 8.03796 6.83392 7.24805Z"
        fill="#052822"
      />
    </svg>
  )
}

export default EyeSlashIcon
